<template>
  <el-menu
      :default-active="saveList[0].id+''"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose"
  >
    <el-sub-menu index="0">
      <template #title>
        <el-icon><location /></el-icon>
        <span>我创建的收藏夹</span>
      </template>
      <el-menu-item v-for="item in saveList" :index="item.id" :key="item.id" style="display: flex;justify-content: space-between">
        <span class="name-text">{{ item.saveName }}</span>
        {{item.videoCount}}
      </el-menu-item>

    </el-sub-menu>
  </el-menu>
</template>
<script setup>

</script>
<style lang="scss" scoped>

</style>